﻿<html lang="zh-CN" class="translated-ltr"><head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<!-- CSS -->
	<link rel="stylesheet" href="css/bootstrap-reboot.min.css">
	<link rel="stylesheet" href="css/bootstrap-grid.min.css">
	<link rel="stylesheet" href="css/owl.carousel.min.css">
	<link rel="stylesheet" href="css/nouislider.min.css">
	<link rel="stylesheet" href="css/select2.min.css">
	<link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
	<link rel="stylesheet" href="css/ionicons.min.css">
	<link rel="stylesheet" href="css/main.css">

	<!-- Favicons -->
	<link rel="icon" type="image/png" href="icon/favicon-32x32.png" sizes="32x32">
	<link rel="apple-touch-icon" href="icon/favicon-32x32.png">
	<link rel="apple-touch-icon" sizes="72x72" href="icon/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="icon/apple-touch-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="144x144" href="icon/apple-touch-icon-144x144.png">

	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Dmitry Volkov">
	<title>iJ –工作委员会和自由职业者市场HTML模板</title>
<link type="text/css" rel="stylesheet" charset="UTF-8" href="https://translate.googleapis.com/translate_static/css/translateelement.css"></head>

<body>
	<!-- header -->
	<header class="header">
		<div class="container">
			<div class="row">
				<div class="col-7 col-md-9 col-lg-8 col-xl-9">
					<div class="header__content">
						<!-- header menu btn -->
						<button class="header__btn" type="button">
							<span></span>
							<span></span>
							<span></span>
						</button>
						<!-- end header menu btn -->

						<!-- header logo -->
						<a href="index.html" class="header__logo">
							<img src="img/logo.svg" alt="">
						</a>
						<!-- end header logo -->

						<!-- header nav -->
						<ul class="header__nav">
							<!-- dropdown -->
							<li class="header__nav-item">
								<a href="index.html" class="header__nav-link"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">首页</font></font></a>
							</li>
							<!-- end dropdown -->

							<!-- dropdown -->
							<li class="header__nav-item">
								<a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuProjects" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专案</font></font></a>

								<ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuProjects">
									<li><a href="projects.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">专案</font></font></a></li>
									<li><a href="project.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">单个项目</font></font></a></li>
									<li><a href="add-project.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发布项目</font></font></a></li>
								</ul>
							</li>
							<!-- end dropdown -->

							<!-- dropdown -->
							<li class="header__nav-item">
								<a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuJobs" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">工作</font></font></a>

								<ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuJobs">
									<li><a href="jobs.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">工作</font></font></a></li>
									<li><a href="job.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">单项工作</font></font></a></li>
									<li><a href="add-job.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">发布工作</font></font></a></li>
								</ul>
							</li>
							<!-- end dropdown -->

							<!-- dropdown -->
							<li class="header__nav-item">
								<a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuCompanies" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">公司介绍</font></font></a>

								<ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuCompanies">
									<li><a href="companies.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">公司介绍</font></font></a></li>
									<li><a href="company.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">公司简介</font></font></a></li>
								</ul>
							</li>
							<!-- end dropdown -->

							<!-- dropdown -->
							<li class="header__nav-item">
								<a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuProfiles" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">个人资料</font></font></a>

								<ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuProfiles">
									<li><a href="profiles.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">个人资料</font></font></a></li>
									<li><a href="profile.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">轮廓</font></font></a></li>
								</ul>
							</li>
							<!-- end dropdown -->

							<!-- dropdown -->
							<li class="header__nav-item">
								<a class="dropdown-toggle header__nav-link" href="#" role="button" id="dropdownMenuPages" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">页数</font></font></a>

								<ul class="dropdown-menu header__dropdown-menu" aria-labelledby="dropdownMenuPages">
									<li><a href="messages.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">留言内容</font></font></a></li>
									<li><a href="faq.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">帮助中心</font></font></a></li>
									<li><a href="contacts.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联络人</font></font></a></li>
									<li><a href="privacy.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐私政策</font></font></a></li>
									<li><a href="signin.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登入</font></font></a></li>
									<li><a href="signup.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册</font></font></a></li>
									<li><a href="forgot.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">忘记密码</font></font></a></li>
								</ul>
							</li>
							<!-- end dropdown -->
						</ul>
						<!-- end header nav -->

						<!-- header search -->
						<form action="#" class="header__search">
							<input class="header__search-input" type="text" placeholder="搜索...">
							<button class="header__search-button" type="button">
								<i class="icon ion-ios-search"></i>
							</button>
						</form>
						<!-- end header search -->
					</div>
				</div>

				<div class="col-5 col-md-3 col-lg-4 col-xl-3">
					<div class="header__content header__content--end">
						<a href="messages.html" class="header__messages header__messages--active">
							<i class="icon ion-ios-mail"></i>
						</a>

						<div class="header__notifications">
							<a class="dropdown-toggle header__notifications-btn header__notifications-btn--active" href="#" role="button" id="dropdownMenuNotifications" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<i class="icon ion-ios-notifications"></i>
							</a>

							<div class="dropdown-menu dropdown-menu-right header__dropdown-menu header__dropdown-menu--right header__dropdown-menu--ntf" aria-labelledby="dropdownMenuNotifications">
								<div class="header__ntf">
									<a href="#" class="header__ntf-img">
										<img src="img/user3.jpg" alt="">
									</a>
									<h6 class="header__ntf-title">
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Marsha Baldwin</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">评论您的项目。
									</font></font></h6>
								</div>

								<div class="header__ntf">
									<a href="#" class="header__ntf-img">
										<img src="img/user7.jpg" alt="">
									</a>
									<h6 class="header__ntf-title">
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">安迪·拉莫斯（Andy Ramos）</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">对您的项目发表评论。
									</font></font></h6>
								</div>

								<div class="header__ntf">
									<a href="#" class="header__ntf-img">
										<img src="img/user4.jpg" alt="">
									</a>
									<h6 class="header__ntf-title">
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Sophia Mendoza</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">对您的项目发表评论。
									</font></font></h6>
								</div>

								<div class="header__ntf">
									<a href="#" class="header__ntf-img">
										<img src="img/user1.jpg" alt="">
									</a>
									<h6 class="header__ntf-title">
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托尼·扬（Tony Young）</font></font></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">对您的项目发表评论。
									</font></font></h6>
								</div>

								<a href="#" class="header__ntf-more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
							</div>
						</div>

						<div class="header__profile">
							<a class="dropdown-toggle header__profile-btn" href="#" role="button" id="dropdownMenuProfile" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<img src="img/user5.jpg" alt="">
								<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">约翰·杜</font></font></span>
							</a>

							<ul class="dropdown-menu dropdown-menu-right header__dropdown-menu header__dropdown-menu--right" aria-labelledby="dropdownMenuProfile">
								<li><a href="profile.html"><i class="icon ion-ios-settings"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 设定值</font></font></a></li>
								<li><a href="privacy.html"><i class="icon ion-ios-lock"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 隐私</font></font></a></li>
								<li><a href="faq.html"><i class="icon ion-ios-help-buoy"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 常问问题</font></font></a></li>
								<li><a href="#"><i class="icon ion-ios-exit"></i><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> 登出</font></font></a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- end header -->

	<!-- main content -->
	<main class="main main--breadcrumb">
		<!-- breadcrumb -->
		<div class="breadcrumb">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<ul class="breadcrumb__wrap">
							<li class="breadcrumb__item"><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">首页</font></font></a></li>
							<li class="breadcrumb__item breadcrumb__item--active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">主题森林</font></font></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!-- end breadcrumb -->

		<div class="container">
			<div class="row">
				<div class="col-12 col-md-5 col-lg-4 col-xl-3">
					<!-- user -->
					<div class="user">
						<div class="user__head">
							<div class="user__img">
								<img src="img/company.svg" alt="">
							</div>
						</div>
						<div class="user__title">
							<h2><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">主题森林</font></font></h2>
							<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">数字服务</font></font></p>

							<div class="profile__actions">
								<div class="post__location">
									<i class="icon ion-ios-navigate"></i>
									<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">越南</font></font></span>
								</div>

								<div class="post__actions">
									<a class="post__actions-btn post__actions-btn--green" href="#">
										<i class="icon ion-ios-bookmark"></i>
									</a>
									<a class="post__actions-btn post__actions-btn--red" href="#">
										<i class="icon ion-ios-mail"></i>
									</a>
								</div>
							</div>
						</div>
						<ul class="user__stats">
							<li>
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">以下</font></font></p>
								<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">26</font></font></span>
							</li>
							<li>
								<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">追随者</font></font></p>
								<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">88</font></font></span>
							</li>
						</ul>
					</div>
					<!-- end user -->

					<!-- social -->
					<div class="sidebox">
						<div class="sidebox__share">
							<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">社交：</font></font></span>
							<ul>
								<li class="facebook"><a href="#"><i class="icon ion-logo-facebook"></i></a></li>
								<li class="instagram"><a href="#"><i class="icon ion-logo-instagram"></i></a></li>
								<li class="twitter"><a href="#"><i class="icon ion-logo-twitter"></i></a></li>
								<li class="vk"><a href="#"><i class="icon ion-logo-vk"></i></a></li>
							</ul>
						</div>
					</div>
					<!-- end social -->
				</div>

				<div class="col-12 col-md-7 col-lg-8 col-xl-6">
					<ul class="nav nav-tabs main__nav" id="main__nav" role="tablist">
						<li class="nav-item">
							<a class="nav-link" data-toggle="tab" href="#tab-1" role="tab" aria-controls="tab-1" aria-selected="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">饲料</font></font></a>
						</li>

						<li class="nav-item">
							<a class="nav-link" data-toggle="tab" href="#tab-2" role="tab" aria-controls="tab-2" aria-selected="false"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">轮廓</font></font></a>
						</li>

						<li class="nav-item">
							<a class="nav-link active" data-toggle="tab" href="#tab-3" role="tab" aria-controls="tab-3" aria-selected="true"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">设定值</font></font></a>
						</li>
					</ul>

					<div class="tab-content">
						<div class="tab-pane fade" id="tab-1" role="tabpanel" aria-labelledby="tab-1">
							<!-- post -->
							<div class="post">
								<div class="post__head">
									<a href="#" class="post__head-img">
										<img src="img/user9.jpg" alt="">
									</a>
									<div class="post__head-title">
										<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">塞巴斯蒂安·李</font></font></a></h5>
										<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">12分钟前</font></font></p>
									</div>

									<div class="post__dropdown">
										<a class="dropdown-toggle post__dropdown-btn" href="#" role="button" id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="icon ion-md-more"></i>
										</a>

										<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu" aria-labelledby="dropdownMenu3">
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">编辑</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐藏</font></font></a></li>
										</ul>
									</div>
								</div>

								<div class="post__wrap">
									<div class="post__company">
										<i class="icon ion-ios-briefcase"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Envato</font></font></span>
									</div>

									<div class="post__location">
										<i class="icon ion-ios-navigate"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">澳大利亚</font></font></span>
									</div>

									<div class="post__actions">
										<a class="post__actions-btn post__actions-btn--green" href="#">
											<i class="icon ion-ios-bookmark"></i>
										</a>
										<a class="post__actions-btn post__actions-btn--red" href="#">
											<i class="icon ion-ios-mail"></i>
										</a>
									</div>
								</div>

								<h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资深Wordpress开发人员</font></font></h2>

								<div class="post__options">
									<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全职</font></font></span>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 36 /小时</font></font></p>
								</div>

								<div class="post__description">
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Lorem Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font style="vertical-align: inherit;">如果要使用Lorem Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font></p>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
								</div>

								<div class="post__tags">
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">CSS </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">PHP</font></font></a>
								</div>

								<div class="post__stats">
									<div>
										<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">15</font></font></span></a>
										<a class="post__comments" data-toggle="collapse" href="#collapse3" role="button" aria-expanded="false" aria-controls="collapse1"><i class="icon ion-ios-text"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">0</font></font></span></a>
									</div>

									<div class="post__views">
										<i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">214</font></font></span>
									</div>
								</div>

								<div class="collapse post__collapse" id="collapse3">
									<form action="#" class="post__form">
										<input type="text" placeholder="输入您的评论...">
										<button type="button"><i class="icon ion-ios-paper-plane"></i></button>
									</form>
								</div>
							</div>
							<!-- end post -->

							<!-- post -->
							<div class="post">
								<div class="post__head">
									<a href="#" class="post__head-img">
										<img src="img/user5.jpg" alt="">
									</a>
									<div class="post__head-title">
										<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">约翰·杜</font></font></a></h5>
										<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">15分钟前</font></font></p>
									</div>

									<div class="post__dropdown">
										<a class="dropdown-toggle post__dropdown-btn" href="#" role="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="icon ion-md-more"></i>
										</a>

										<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu" aria-labelledby="dropdownMenu2">
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">编辑</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐藏</font></font></a></li>
										</ul>
									</div>
								</div>

								<div class="post__wrap">
									<div class="post__company">
										<i class="icon ion-ios-briefcase"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Envato</font></font></span>
									</div>

									<div class="post__location">
										<i class="icon ion-ios-navigate"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">澳大利亚</font></font></span>
									</div>

									<div class="post__actions">
										<a class="post__actions-btn post__actions-btn--green" href="#">
											<i class="icon ion-ios-bookmark"></i>
										</a>
										<a class="post__actions-btn post__actions-btn--red" href="#">
											<i class="icon ion-ios-mail"></i>
										</a>
									</div>
								</div>

								<h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资深Wordpress开发人员</font></font></h2>

								<div class="post__options">
									<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全职</font></font></span>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 36 /小时</font></font></p>
								</div>

								<div class="post__description">
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Lorem Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font style="vertical-align: inherit;">如果要使用Lorem Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font></p>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
								</div>

								<div class="post__tags">
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">CSS </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">PHP </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Laravel</font></font></a>
								</div>

								<div class="post__stats">
									<div>
										<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">15</font></font></span></a>
										<a class="post__comments" data-toggle="collapse" href="#collapse2" role="button" aria-expanded="false" aria-controls="collapse2"><i class="icon ion-ios-text"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2</font></font></span></a>
									</div>

									<div class="post__views">
										<i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">214</font></font></span>
									</div>
								</div>

								<div class="collapse post__collapse" id="collapse2">
									<form action="#" class="post__form">
										<input type="text" placeholder="输入您的评论...">
										<button type="button"><i class="icon ion-ios-paper-plane"></i></button>
									</form>

									<div class="post__comment">
										<a href="#" class="post__comment-img">
											<img src="img/user.svg" alt="">
										</a>
										<div class="post__comment-title">
											<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">约翰·杜</font></font></a></h5>
											<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">11分钟前</font></font></p>
										</div>

										<p class="post__comment-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">现在，许多桌面出版软件包和网页编辑器都使用Lorem Ipsum作为默认模型文本，并且搜索“ lorem ipsum”将发现许多仍处于起步阶段的网站。</font></font></p>
									</div>

									<div class="post__comment">
										<a href="#" class="post__comment-img">
											<img src="img/user.svg" alt="">
										</a>
										<div class="post__comment-title">
											<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">约翰·杜</font></font></a></h5>
											<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">11分钟前</font></font></p>
										</div>

										<p class="post__comment-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">现在，许多桌面出版软件包和网页编辑器都使用Lorem Ipsum作为默认模型文本，并且搜索“ lorem ipsum”将发现许多仍处于起步阶段的网站。</font></font></p>
									</div>
								</div>
							</div>
							<!-- end post -->

							<!-- post -->
							<div class="post">
								<div class="post__head">
									<a href="#" class="post__head-img">
										<img src="img/user2.jpg" alt="">
									</a>
									<div class="post__head-title">
										<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">安迪·拉莫斯（Andy Ramos）</font></font></a></h5>
										<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">19分钟前</font></font></p>
									</div>

									<div class="post__dropdown">
										<a class="dropdown-toggle post__dropdown-btn" href="#" role="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="icon ion-md-more"></i>
										</a>

										<ul class="dropdown-menu dropdown-menu-right post__dropdown-menu" aria-labelledby="dropdownMenu1">
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">编辑</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">删除</font></font></a></li>
											<li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐藏</font></font></a></li>
										</ul>
									</div>
								</div>

								<div class="post__wrap">
									<div class="post__company">
										<i class="icon ion-ios-briefcase"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Envato</font></font></span>
									</div>

									<div class="post__location">
										<i class="icon ion-ios-navigate"></i>
										<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">澳大利亚</font></font></span>
									</div>

									<div class="post__actions">
										<a class="post__actions-btn post__actions-btn--green" href="#">
											<i class="icon ion-ios-bookmark"></i>
										</a>
										<a class="post__actions-btn post__actions-btn--red" href="#">
											<i class="icon ion-ios-mail"></i>
										</a>
									</div>
								</div>

								<h2 class="post__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">资深Wordpress开发人员</font></font></h2>

								<div class="post__options">
									<span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">全职</font></font></span>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 30 /小时</font></font></p>
								</div>

								<div class="post__description">
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Lorem Ipsum的段落有很多变体，但是大多数都因注入幽默感或看起来有些难以置信的随机单词而以某种形式发生了变化。</font><font style="vertical-align: inherit;">如果要使用Lorem Ipsum的段落，则需要确保文本中间没有隐藏任何令人尴尬的内容。</font></font></p>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
								</div>

								<div class="post__tags">
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">HTML </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">CSS </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">PHP </font></font></a>
									<a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">JS</font></font></a>
								</div>

								<div class="post__stats">
									<div>
										<a class="post__likes" href="#"><i class="icon ion-ios-heart"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">15</font></font></span></a>
										<a class="post__comments" data-toggle="collapse" href="#collapse1" role="button" aria-expanded="false" aria-controls="collapse1"><i class="icon ion-ios-text"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">0</font></font></span></a>
									</div>

									<div class="post__views">
										<i class="icon ion-ios-eye"></i> <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">214</font></font></span>
									</div>
								</div>

								<div class="collapse post__collapse" id="collapse1">
									<form action="#" class="post__form">
										<input type="text" placeholder="输入您的评论...">
										<button type="button"><i class="icon ion-ios-paper-plane"></i></button>
									</form>
								</div>
							</div>
							<!-- end post -->

							<!-- view more -->
							<button class="main__btn" type="button"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">装载更多</font></font></span></button>
							<!-- end view more -->
						</div>

						<div class="tab-pane fade" id="tab-2" role="tabpanel" aria-labelledby="tab-2">
							<!-- box -->
							<div class="main__box">
								<h3 class="main__box-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">总览</font></font></h3>
								<p class="main__box-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">这是一个长期的事实，读者会</font></font><b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分心</font></font></b><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">的一个页面的可读内容时，</font></font><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">看</font></font></a><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在它的布局。</font><font style="vertical-align: inherit;">使用Lorem Ipsum的要点是它具有或多或少的字母正态分布。</font></font></p>
								<ul class="main__box-list">
									<li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">主题森林</font></font></li>
									<li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图形河</font></font></li>
									<li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音频丛林</font></font></li>
									<li><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3D海洋</font></font></li>
								</ul>
								<p class="main__box-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">长久以来，当阅读者阅读页面的布局时，他们会被页面的可读内容分散注意力。</font><font style="vertical-align: inherit;">使用Lorem Ipsum的要点是它具有或多或少的字母正态分布。</font></font></p>
							</div>
							<!-- end box -->

							<!-- box -->
							<div class="main__box">
								<h3 class="main__box-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">以来</font></font></h3>
								<p class="main__box-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2004年2月</font></font></p>
							</div>
							<!-- end box -->

							<!-- box -->
							<div class="main__box">
								<h3 class="main__box-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">雇主总数</font></font></h3>
								<p class="main__box-text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2308</font></font></p>
							</div>
							<!-- end box -->
						</div>

						<div class="tab-pane fade active show" id="tab-3" role="tabpanel" aria-labelledby="tab-3">
							<!-- form -->
							<form action="#" class="form">
								<div class="row">
									<div class="col-12">
										<h2 class="form__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">个人资料详细信息</font></font></h2>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="login" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录：</font></font></label>
											<input name="login" id="login" type="text" class="form__input" placeholder="登录">
										</div>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="email" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电子邮件：</font></font></label>
											<input name="email" id="email" type="text" class="form__input" placeholder="email@email.com">
										</div>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="firstname" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">名字：</font></font></label>
											<input name="firstname" id="firstname" type="text" class="form__input" placeholder="约翰">
										</div>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="lastname" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">姓：</font></font></label>
											<input name="lastname" id="lastname" type="text" class="form__input" placeholder="母鹿">
										</div>
									</div>

									<div class="col-12">
										<button class="form__btn" type="button"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">保存</font></font></span></button>
									</div>
								</div>
							</form>
							<!-- end form -->

							<!-- form -->
							<form action="#" class="form">
								<div class="row">
									<div class="col-12">
										<h2 class="form__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更改密码</font></font></h2>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="oldpass" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">旧密码：</font></font></label>
											<input name="oldpass" id="oldpass" type="password" class="form__input">
										</div>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="newpass" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">新密码：</font></font></label>
											<input name="newpass" id="newpass" type="password" class="form__input">
										</div>
									</div>

									<div class="col-12 col-lg-6">
										<div class="form__group">
											<label for="confirmpass" class="form__label"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">确认新密码：</font></font></label>
											<input name="confirmpass" id="confirmpass" type="password" class="form__input">
										</div>
									</div>

									<div class="col-12">
										<button class="form__btn" type="button"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">更改</font></font></span></button>
									</div>
								</div>
							</form>
							<!-- end form -->
						</div>
					</div>
				</div>

				<div class="col-12 col-md-5 col-lg-4 col-xl-3">
					<!-- sidebox -->
					<div class="sidebox sidebox--desk">
						<h4 class="sidebox__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">人们看过公司</font></font></h4>
						<div class="sidebox__content">
							<div class="sidebox__user">
								<a href="#" class="sidebox__user-img">
									<img src="img/user3.jpg" alt="">
								</a>
								<div class="sidebox__user-title">
									<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">玛莎·鲍德温（Marsha Baldwin）</font></font></a></h5>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">秘书</font></font></p>
								</div>
								<button class="sidebox__user-btn" type="button">
									<i class="icon ion-ios-add"></i>
								</button>
							</div>

							<div class="sidebox__user">
								<a href="#" class="sidebox__user-img">
									<img src="img/user2.jpg" alt="">
								</a>
								<div class="sidebox__user-title">
									<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">托尼·杨</font></font></a></h5>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">中医师</font></font></p>
								</div>
								<button class="sidebox__user-btn" type="button">
									<i class="icon ion-ios-add"></i>
								</button>
							</div>

							<div class="sidebox__user">
								<a href="#" class="sidebox__user-img">
									<img src="img/user9.jpg" alt="">
								</a>
								<div class="sidebox__user-title">
									<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">圣地亚哥·罗宾逊</font></font></a></h5>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">时装设计师</font></font></p>
								</div>
								<button class="sidebox__user-btn" type="button">
									<i class="icon ion-ios-add"></i>
								</button>
							</div>

							<div class="sidebox__user">
								<a href="#" class="sidebox__user-img">
									<img src="img/user4.jpg" alt="">
								</a>
								<div class="sidebox__user-title">
									<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">索菲亚·门多萨（Sophia Mendoza）</font></font></a></h5>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教学助手</font></font></p>
								</div>
								<button class="sidebox__user-btn" type="button">
									<i class="icon ion-ios-add"></i>
								</button>
							</div>

							<div class="sidebox__user">
								<a href="#" class="sidebox__user-img">
									<img src="img/user6.jpg" alt="">
								</a>
								<div class="sidebox__user-title">
									<h5><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">玛莎·鲍德温（Marsha Baldwin）</font></font></a></h5>
									<p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">园丁</font></font></p>
								</div>
								<button class="sidebox__user-btn" type="button">
									<i class="icon ion-ios-add"></i>
								</button>
							</div>
						</div>
						<a href="#" class="sidebox__more"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">查看更多</font></font></a>
					</div>
					<!-- end sidebox -->
				</div>
			</div>
		</div>
	</main>
	<!-- end main content -->

	<!-- footer -->
	<footer class="footer">
		<div class="container">
			<div class="row">
				<div class="col-12">
					<div class="footer__content">
						<a href="index.html" class="footer__logo">
							<img src="img/logo.svg" alt="">
						</a>

						<span class="footer__copyright"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">©2020 </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">由</font><a href="https://themeforest.net/user/dmitryvolkov/portfolio?ref=DmitryVolkov" target="_blank"><font style="vertical-align: inherit;">Dmitry Volkov</font></a><font style="vertical-align: inherit;">创建</font></font><a href="https://themeforest.net/user/dmitryvolkov/portfolio?ref=DmitryVolkov" target="_blank"><font style="vertical-align: inherit;"></font></a></span>

						<nav class="footer__nav">
							<a href="contacts.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系人</font></font></a>
							<a href="faq.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常见问题解答</font></font></a>
							<a href="privacy.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">隐私政策</font></font></a>
						</nav>

						<button class="footer__back" type="button">
							<i class="icon ion-ios-arrow-round-up"></i>
						</button>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- end footer -->

	<!-- JS -->
	<script src="js/jquery-3.4.1.min.js"></script>
	<script src="js/bootstrap.bundle.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/wNumb.js"></script>
	<script src="js/nouislider.min.js"></script>
	<script src="js/select2.min.js"></script>
	<script src="js/jquery.mousewheel.min.js"></script>
	<script src="js/jquery.mCustomScrollbar.min.js"></script>
	<script src="js/main.js"></script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png" width="20" height="20" alt="Google 翻译"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">原文</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div>

<div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div></body></html>